<template>
  <div id="father">
    <h2>我是父组件</h2>
    <input type="text" v-model="msg" />
    <!-- 脚手架中，组件名不需要再写成小写了，我们一般写成大写方便区分，同时 自定义事件名也不需要 - 拼接，直接驼峰即可 -->
    <Mychild title="我是父组件传递给子组件的一个标题" :msg="msg" :num="999" @changeFatherMsg="changeMsg"></Mychild>
  </div>
</template>

<script>
import Mychild from "./Mychild.vue";
export default {
  data() {
    return {
      msg: "前端老兵",
    };
  },
  components: {
    Mychild,
  },
  methods: {
    changeMsg(){
        this.msg += "..."
    }
  }
};
</script>

<style>
</style>